<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Piano App</title>
  <link rel="stylesheet" href="../assets/css/pianoApp.css">
  <link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
</head>

<body>

  <h1 id="title">Piano App</h1>
  <div class="set">
    <button class="c piano x1">c</button>
    <button class="d piano x2">d</button>
    <button class="e piano x3">e</button>
    <button class="f piano x4">f</button>
    <button class="g piano x5">g</button>
    <button class="a piano x6">a</button>
    <button class="b piano x7">b</button>
  </div>


 
  <script src="../assets/js/pianoApp.js" charset="utf-8"></script>
</body>
<footer>
    
</footer>

</html>
